<tc_include file="Portal/Public/style" />
    <title>消息通知</title>
<tc_include file="Portal/Public/header" />
<!--header end-->
<div class="my_box main oh">
    <div class="my_left fl">
        <!--nav-->
        <tc_include file="Portal/Public/myNav" />
        <!--nav end-->
    </div>
    <div class="my_right fr">
        <div class="c_tit"><span>消息通知</span>
            <div class="handBtns">
                <!--<i class="pldel">批量删除</i>-->
                <i class="delsBtn">删除选中</i>
                <!--<i class="qxbtn">取消</i>-->
                <label class="label">全选<input id="quanx" type="checkbox"/></label>
            </div>
        </div>
        <div class="myr_cont oh">
            <div class="my_count_right" style="padding-left: 20px; padding-right: 20px; ">
                <div class="msgMode">
                    <img src="__IMG__/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
                <div class="msgMode">
                    <img src="__IMG__/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
                <div class="msgMode">
                    <img src="__IMG__/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--footer-->
<tc_include file="Portal/Public/footer" />
<script>
$(".my_left li:not('.tit1,.tit2')").click(function(){
    $(this).addClass("on").siblings().removeClass("on");
});

$(".art_length").each(function(){
    var txt = $(this).text();
    var len = txt.length;
    if(len>106){
        $(this).text(txt.substr(0,96));
        $(this).data("alls",txt);
        $(this).parents(".msgMode").find(".zkbtn").show();
    }
});
$(".zkbtn").click(function(){
    var alls = $(this).parents(".msgMode").find(".art_length").data("alls");
    $(this).parents(".msgMode").find(".art_length").text(alls);
    $(this).hide();
});

$(".danx").change(function(){
    isAll();
});
$("#quanx").click(function(){
    if(!$(this).prop('checked')){
        //未被选中
        $(".danx").prop("checked",false);
    }else{
        $(".danx").prop("checked",true);
    }
});
function isAll(){
    var iv = 1;
    $(".danx").each(function(){
        if(!$(this).prop('checked')){
            //有未被选中的
            iv = 2;
        }
    });
    if(iv == 1){
        $("#quanx").prop("checked",true);
    }else{
        $("#quanx").prop("checked",false);
    }
}

$(".delsBtn").click(function(){
    $(".danx").each(function(){
        if($(this).prop('checked')){
            $(this).parents(".msgMode").remove();

        }
    });
})
</script>
</body>
</html>